<template>
    <div class="content">
        <p class="subtitle">Layout</p>
        <ul>
            <li><a href="https://bulma.io/documentation/layout/container/" target="_blank">Container</a></li>
            <li><a href="https://bulma.io/documentation/layout/hero/" target="_blank">Hero</a></li>
            <li><a href="https://bulma.io/documentation/layout/section/" target="_blank">Section</a></li>
            <li><a href="https://bulma.io/documentation/layout/footer/" target="_blank">Footer</a></li>
            <li><a href="https://bulma.io/documentation/layout/level/" target="_blank">Level</a></li>
            <li><a href="https://bulma.io/documentation/layout/media-object/" target="_blank">Media</a></li>
        </ul>

        <p class="subtitle">Grid</p>
        <ul>
            <li><a href="https://bulma.io/documentation/grid/" target="_blank">Grid system</a></li>
            <li><a href="https://bulma.io/documentation/columns/" target="_blank">Column system</a></li>
        </ul>

        <p class="subtitle">Elements</p>
        <ul>
            <li><a href="https://bulma.io/documentation/elements/box/" target="_blank">Box</a></li>
            <li><a href="https://bulma.io/documentation/elements/content/" target="_blank">Content</a></li>
            <li><a href="https://bulma.io/documentation/components/card/" target="_blank">Card</a></li>
            <li><a href="https://bulma.io/documentation/elements/image/" target="_blank">Image</a></li>
            <li><a href="https://bulma.io/documentation/components/panel/" target="_blank">Panel</a></li>
            <li><a href="https://bulma.io/documentation/elements/title/" target="_blank">Title</a></li>
        </ul>

        <p class="subtitle">
            And many more, refer to its
            <a href="https://bulma.io/documentation/" target="_blank">documentation</a>.
        </p>
    </div>
</template>
